Sebelumnya memakai satu provider 

Walaupun dua yaitu nested provider 

Kali memakai lebih dari dua provider yaitu yg namanya multi Provider 
Sudah membuat aplikasi nanti project ini akan dilampirkan 

Project ini akan dilampirkan 
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Jadi akan membuat sebuah transparasi pada kotak ini 
Ketika transparan nya 0 maka tidak Nampak 
Tranparan dari 0 sampai 255 

Sebellumnya buat provider folder 

Lalu file nya counter.dart 

Counter.dart untuk apa menhandle angka 0 nya 
Untuk transparansi 

Ketika tombol tambha diklik maka bertambah Satu 
Untuk membuat conter membutuhkan 
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Maka dia otomatis men import 

Ini membutuhkan apa 

Pertama membutuhkan sebuah angka integer defaulnya 0 bernama counterValue 
Kemnudian tambh ditekan maka bertambah 1 

Buat function increment 

counterValuer nya bertambah satu 

ketika diklik maka dia akan memberitahukan perubahan 
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int counterValue 


void increment() 
counterValue += 1; 
notifyListeners();| 
} 
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Sudah membuat satu provider sekarang terapkan 

Di homepage 

Sebelumnya kita membungkus provider dgn ChangeNitifierProvider 
Tapi sekarang mengunakan MultiProvider 

Sebelumnya jgn lupa intsal 
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Isi nya changeNotifierProvider lalu create provider nya counter lalu di import 
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Mengunakan provider dang ChnageNotiferProvider 

Disni belum berfungsi 

Maka di fungsikan 

Kembali ke bawah homepage 

Disini akan ditangkap counternya 
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Berarti tingal diterapkan ganti text 0 dgn counter.counterValue ini tipe nya integer 
maka dibuat toString() 
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Maka sudah berfungsi sekarang 
Sebelumnya ingin kasih nilai maksimal pada incerement 
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Ketika counterValue lebih besar dari 255 

Maka counter value di buat 255 

Jika tidak ya jalankan +=1; 
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Begitujuga decrement 

Buat lebih kecil sama dgn 0 

Maka menjadi 0 

Lalu ambil kurangi 
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int counterValue 


void increment() { 
if (counterValue 
counterValue = 
} else { 
counterValue += 1; 
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Maka tidak ada masalah 
Sekarang buat defaulya 255 
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Berikutnya membuat provider alpa untuk transparans 
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Yg membutuhkan function kembalian 


Dia kembalian colors atau warna buat dinamakan function nya alphaValuel) 
Yg dirturn meminta alpa nya 


Return color.fromARGB a nya diambil dari alpha dari parameter 


Warna nya buat 100 semua 
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myApp StatefulWidget { 
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State<myApp> createState() => 
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_myAppState State<myApp> { 
@override 
Widget build(BuildContext context) { 
MaterialApp( 
home: MultiProvider( 
providers: [ 
ChangeNotifierProvider( 
create: (context) => Logika(), 
), 
ChangeNotifierProvider( 
create: (context) => Transparan(), 


), 
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homePage StatelessWidget { 


age({Key? key}) : (key: key); 


@override 
Widget Id(BuildContext context) { 
Logika logika = Provider.of<Logika>(context); 
Transparan transparan = Provider.of<Transparan>(context); 
Scaffold( 
appBar: AppBar( 
title: Text( 
Ne 
body: Center( 
child: Column( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
Container( 
height: 200, 
width: 200, 
decoration: BoxDecoration( 
color: transparan.tranpara (logika.logikaValue), 


Row( 
mainAxisAlignment: MainAxisAlignment.center, 
children: [ 
ElevatedButton( 
onPressed: () { 
logika.kurang(); 
ha 
child: Text("-"), 
), 
Container( 
margin: Edgelnsets.symmetric(horizontal: 20), 
child: Text( 
logika.logikaValue.toSt (), 
style: TextStyle(fontSize: 30), 


), 
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ElevatedButton( 
onPressed: () { 
logika.tambah(); 
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child: Icon(Icons.add), 


Dalam folder provider 
Logika.dart 


import 'package:flutter/material.dart': 


class Logika with ChangeNotifier { 
int logikaValue = 255; 


void tambah() { 
if (logikaValue >= 255) { 
logikaValue = 255; 
} else { 
logikaValue += 5; 


notifyListeners(); 


} 


void kurang() { 
if (logikaValue <= 0) { 
logikaValue = 0, 
} else { 
logikaValue -= 5; 
} 
notifyListeners(); 
} 
} 


Dalam folder provider 


Transpar.dart 
import 'package:flutter/material.dart'; 


class Transparan with ChangeNotifier { 
Color tranparanValue(transparan) { 


return Color.fromARGB(transparan, 175, 80, 1); 
} 
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